/* pages/profile/profile.wxss */
.profileContainer{
    height: 100vh;
    width: 100vw;
    .toppart{
        position: fixed;
        height: 100vh;
        width: 100vw;
        .img{
            width: 100%;
            height: 100%;
        }
    }
    .centerPart{
        position: absolute;
        z-index: 1;
        height: 100vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        .subheader{
            position: fixed;
            z-index: 2;
            top: 100rpx;
            height: 180rpx;
            width: 95%;
            display: flex;
            align-items: center;
            flex-direction: row;
            padding: 10rpx;
            // background-color: rgba(255, 255, 255, 0.9);
            border-radius: 20rpx;
            box-sizing: border-box;
            .box{
               position: absolute;
               top:0;
               height: 100%;
               width: 100%;
               .headerLeft{
                   position: fixed;
                   height: 180rpx;
                   width: 80%;
                   left: 20rpx;
                   display: flex;
                   border-radius: 20rpx;
                   align-items: center;
                   .headerImgBox{
                       position: absolute;
                       height: 60px;
                       width: 60px;
                       left: 20rpx;
                       background: #f4f4f4;
                       box-sizing: border-box;
                       border-radius: 50%;
                       .headerimg{ 
                           position: absolute; 
                           left: 0rpx;
                           top: 0rpx;
                           height: 60px;
                           width: 60px;
                           border-radius: 50%;
                   }
                   }
                   
                   .headerInfo{
                       position: absolute;
                       left: 150rpx;
                       font: 28rpx "microsoft yahei";
                       width: 100%;
                       overflow: hidden;
                     //   color: rgba(0,0,0,0.8);
                       view:nth-child(1){
                           margin-bottom: 20rpx;
                       }
                   }
               }
               .headerRight{
                   position: absolute;
                   border-radius: 20rpx;
                   align-items: center;
                   right: 0;
                   width: 20%;  
                   height: 180rpx;
                   .headerimg{
                       width: 100%;
                       height: 100%;
                       border-radius: 20rpx;
                       margin-right: 10rpx;
                       .headerimg{
                           position: absolute;
                           height: 64rpx;
                           width: 64rpx;
                           bottom: 60rpx;
                           right: 30rpx;
                       }
                   }
                    
               }
           }

        }
        .subcentor{
            position: fixed;
            top: 500rpx;
            width: 100%;
            border-radius: 20rpx;
            width: 95%;
            display: flex;
            flex-direction: column;
            padding: 20rpx 10rpx;
            box-sizing: border-box;
            // background-color: rgba(255, 255, 255, 0.7);
            .allOrder{
                height: 60rpx;
                width: 100%;
                margin-left: 20rpx;
                font: 32rpx "microsoft yahei" ;
            }
            
        }
        .subfoot{
            position: fixed;
            height: 140rpx;
            top: 760rpx;
            width: 95%;
            color: rgba(0,0,0,0.8);
            display: flex;
            align-items: center;
            justify-content: space-between;
            border-radius: 20rpx;
            // background-color: rgba(255, 255, 255, 0.7);
            view{
                width: 100%;
            }
        }
    }

}